
$.get("./goodsAndShoppingCart/bannerGet.php",function (data) {
    // console.log(data);
     banner(data);
     Banner();
},"json");
function banner(data) {
    let str = '';
    // let arr = [];
    for (let i = 0; i <data.length; i++) {
        str += `<img src="${data[i].img}" alt="">`;
            // console.log(data[i].img);
    }
    $(".banner-img .swiper").prepend(str);
}
function Banner(){
var index = 0;
function span() {
    $(".btn span").eq(index).css({
        "width": 20,
        backgroundColor: "#000"
    }).siblings().css({
        "width": 15,
        backgroundColor: "#8b8b8b"
    })
}
time = setInterval(function () {
    if (index > 4) {
        index = 0;
        $(".swiper").css({ "left": 0 + "px" });
    } else {
        /*
         当图片到最后一张时跳回第一张，
 
         本例中在最后一张中放入了第一张的图片，
 
         为实现无缝切换图片的效果。
       */
        index++;
        $(".swiper").stop().animate({ "left": -(1300 * index) + "px" }, 300);
    }
    span();
}, 2000);
// 移入
$(".banner-img").mouseover(function () {
    $("#previous").show();
    $("#next").show();
});
// 移出
$(".banner-img").mouseout(function () {
    $("#previous").hide();
    $("#next").hide();
})
$("#previous").click(function () {
    if (index < 1) {
        index = $(".swiper img").length - 1;
    }
    index--;
    $(".swiper").css({ "left": -(1300 * index) + "px" });
    span();
})
$("#next").click(function () {
    if (index > $(".swiper img").length - 2) {
        index = 0;
    }
    index++;
    $(".swiper").css({ "left": -(1300 * index) + "px" });
    span();
});
}
